<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>天气预报</title>
		<link rel="stylesheet" type="text/css" href="css/天气预报.css"/>
		<link rel="stylesheet" type="text/css" href="mod/cityclose/css/hzw-city-picker.css"/>
		<link rel="stylesheet" type="text/css" href="css/个人CSS模板.css"/>
		<script src="js/jquery-3.1.1.js"></script>
		<script src="mod/cityclose/js/city-data.js"></script>
		<script src="mod/cityclose/js/hzw-city-picker.min.js"></script>
		<script src="js/template.js"></script>
	</head>
	<body>
		<div class="box">
			<h1>天 气 预 报</h1>
			<form action="" class="city" id="city">
			<label for="cityChoice">城市：</label>
			<input type="text" id="cityChoice" placeholder="点我选择城市"/>
			</form>
			<div class="wheater-info">
				<div class="img">
				<img src="image/timg.jpg"/>
				<script id="weather-box" type="text/html">
					<h2>{{results[0].currentCity}}</h2>
					<time>{{results[0].weather_data[0].date}}</time>
					<hr />
					<div class="weather-data ljy-flex-b">
							<div class="left">
							<span class="name">PM2.5:</span>
							<span id="pm">{{results[0].pm25}}</span><br /><br /><br />
							<span class="name">温度:</span>
							<span id="tem">{{results[0].weather_data[0].temperature}}</span><br /><br /><br />
							<span class="name">天气:</span>
							<span id="weat">{{results[0].weather_data[0].weather}}</span><br /><br /><br />
							<span class="name">风:</span>
							<span id="wind">{{results[0].weather_data[0].wind}}</span><br /><br /><br />
						</div><br />
						<div class="right">
							<h3>出行建议:</h3>
							<h4>穿&#x3000;衣：</h4>
							<span>{{results[0].index[0].des}}</span><br /><br />
							<h4>旅&#x3000;游：</h4>
							<span>{{results[0].index[2].des}}</span><br /><br />
							<h4>感&#x3000;冒：</h4>
							<span>{{results[0].index[3].des}}</span><br /><br />
							<h4>运&#x3000;动：</h4>
							<span>{{results[0].index[4].des}}</span><br /><br />
							<h4>紫外线：</h4><span>
							</span>{{results[0].index[5].des}}<br /><br />
						</div>
					</script>
					</div>
				</div>
			</div>
		</div>
	</body>
		<script src="js/wheater.js"></script>
</html>
